@charset "utf-8";
@import "reset";
$zcm:40;
@function r($px) {
    @return $px/(2*$zcm) * 1rem;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

html,
body {
    width: 100%;
    height: 100%;
}

.web {
    width: 100%;
    height: 100%;
}

header {
    width: 100%;
    height: r(74);
    position: absolute;
      border-bottom: r(1) solid #A7A7A7;
    top: 0;
    a {
        display: block;
        width: 50%;
        height: r(72);
        font-size: r(30);
        text-align: center;
        line-height: r(72);
        color: #000000;
        &.active{
         border-bottom: r(3) solid #333333;
         }
    }
    
}

section {
    width: 100%;
    background: white;
    position: absolute;
    top: r(75);
    bottom: r(0);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
   
    .nav {
        width: r(222);
        height: r(38);
        border: 1px solid #d0d0d0;
        margin: 0 auto;
        margin-top: r(18);
        a {
            font-size: r(20);
            display: block;
            width: r(111);
            text-align: center;
            line-height: r(38);
            color: #a9a9a9;
        }
        .active {
            background: #a6a6a6;
            color: white;
        }
    }
    .activity {
        position: relative;
        margin-top: r(19);
        .info_top {
            width: 100%;
            height: r(300);
            img {
                width: 100%;
                height: 100%;
            }
        }
        .base {
            position: absolute;
            top: 0;
            right: 0;
            .sanjiaoxing {
                content: "";
                width: 0;
                height: 0;
                border-top: #695847 solid r(38);
                border-left: transparent solid 9px;
                border-right: transparent solid 0px;
                opacity: .6;
            }
            span {
                display: inline-block;
                font-size: r(24);
                width: r(91);
                height: r(38);
                background: #695847;
                color: white;
                text-align: center;
                line-height: r(38);
                opacity: .6;
            }
        }
        .info_bottom {
            width: r(590);
            margin: 0 auto;
            margin-top: r(14);
            .info_left {
                line-height: r(40);
                h5 {
                    font-size: r(24);
                }
                p {
                    font-size: r(18);
                    color: #898989;
                    vertical-align: middle;
                }
                .number{
                    p:nth-of-type(1){
                        width: r(200);
                        height: r(29);              
                        border: 1px solid #afafaf;
                        text-align: center;
                        line-height: r(29);
                        border-radius: r(5);
                    }
                    p:nth-of-type(2){
                        width: r(80);
                        height: r(29);
                        border: 1px solid #AFAFAF;
                        text-align: center;
                        line-height: r(29);
                        border-radius: r(5);
                        margin-left: r(13);
                    }
                }
                img{
                    width: r(16);
                    height: r(16);
                }
            }
            .info_right{
                a{
                    font-size: r(25);
                    color: #f4f4f4;
                    display: block;
                    width: r(146);
                    height: r(43);
                    background: #808080;
                    text-align: center;
                    line-height: r(43);
                    color: #f4f4f4;
                    border-radius: r(5);
                }
                span{
                    font-size: r(18);
                    margin-top: r(30);
                }
            }
        }
        .line1{
            width: 100%;
            margin-top: r(18);
            border-bottom: 1px solid #dcdcdc;
        }
    }
}